<template>
  <!--@current-change="handleCurrentChange"-->
  <el-table
    ref="singleTable"
    :data="tableData"
    highlight-current-row

    style="width: 93%;margin: 0 auto;">
    <el-table-column
      label=" "
      type="index" style="text-algin:center">
    </el-table-column>
    <el-table-column
      property="name"
      width="180"
      label="任务名称">
    </el-table-column>
    <el-table-column
      property="class"
      label="任务分类">
    </el-table-column>
    <el-table-column
      property="num"
      label="盗版网站数量">
    </el-table-column>
    <el-table-column
      property="time"
      label="领取时间">
    </el-table-column>
    <el-table-column
      property="anum"
      label="已下架数量">
    </el-table-column>
    <el-table-column
      property="address"
      width="210"
      label="未下架数量">
    </el-table-column>
    <el-table-column width="180" >
      <template scope="scope">
        <el-button
          size="small">详情
        </el-button>
        <el-button
          size="small">放弃任务
        </el-button>

      </template>
    </el-table-column>
  </el-table>
</template>

<script>
  export default {
    data() {
      return {
        tableData: [{
          time: '2016-05-02',
          name: '王小虎汇源果汁国民大生活啊啊啊',
          address: '上海市普陀区金沙江路 1518 弄',
          class: '电影',
          num: 35,
          anum: 20
        }, {
          time: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1517 弄',
          class: '话剧',
          num: 35,
          anum: 20
        }, {
          time: '2016-05-01',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1519 弄',
          class: '电视剧',
          num: 35,
          anum: 20
        }, {
          time: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄',
          class: '电影',
          num: 35,
          anum: 20
        }]
      }
    }
  }
</script>
<style lang="scss">

</style>
